<div class="navbar">
	<div class="navbar-inner bg-green">
		<div class="left sliding">
			<a href="playingmethodlist.html" class="back link">
				<i class="icon icon-back color-white"></i>
			</a>
		</div>
    	<div class="center sliding color-white">{{data.name}}</div>
    	<div class="subnavbar sliding hidden" id="playmethoddetail-subnav">
    	   <div class="buttons-row bg-white" style="width:100%;height: 44px;border-bottom:1px solid #d3d3d3;z-index:10;">
				   <a href="#" class="button active" data-id="intro" style="height: 100%;line-height: 44px;border-left: none;border-right: none;border-top: none;">
					   路线简介
				   </a>
				   <a href="#" class="button" data-id="desc" style="height: 100%;line-height: 44px;border-left: none;border-right: none;border-top: none;">
					   行程描述
				   </a>
				   <a href="#" class="button" data-id="price" style="height: 100%;line-height: 44px;border-left: none;border-right: none;border-top: none;">
					   价格详情
				   </a>
				   <a href="#" class="button" data-id="remark" style="height: 100%;line-height: 44px;border-left: none;border-right: none;border-top: none;">
					   评价
				   </a>
		   </div>
    	</div>
  	</div>
</div>
<div class="pages navbar-through">
	<div data-page="playingmethoddetail" class="page" id="playingmethoddetail">
		<div class="toolbar" style="background-color: transparent;">
			<div class="toolbar-inner">
				<a href="#" class="button button-fill bg-green color-white remark" style="position: absolute;width: 50%;height: 44px;line-height: 44px;left: 0;bottom: 0;border-radius: 0;opacity: 0.8;" data-id="{{data.id}}" data-type="{{data.type}}">评价</a>
				<a href="#" class="button button-fill bg-green color-white msg" style="width: 60px;height: 60px;border-radius: 30px;z-index: 2;border: 2px solid #fff;text-align: center;line-height: 20px;padding-top: 8px;opacity: 0.9;margin: 0 auto 25px;" data-id="{{data.rev_id}}">联系<br>TA</a>
				<a href="#" class="button button-fill bg-green color-white order" style="width: 50%;position: absolute;left: 50%;height: 44px;line-height: 44px;bottom: 0;border-radius: 0;opacity: 0.8;" data-id="{{data.id}}" data-type="{{data.type}}">预定</a>									      
			</div>
		</div>
		<div class="page-content" data-id="{{data.id}}" data-type="{{data.type}}">
			<!--part1-->
			<div>
				<div class="blur" style="background-image: url('{{data.bannerUrl}}') ;background-size:cover;width:100vw;height: 250px;"></div>
				<div style="position:absolute;width:100vw;text-align:center;height:205px;top:45px;">
					<div class="color-white yahei size_15" style="text-align:left;margin-left:3vw;margin-top:90px;height:20px;font-weight:bold;">
						<span>{{data.city}}</span>
						<span style="margin-left:1vw;">可接待{{data.serviceMaxPersons}}</span>
						<span style="margin-left:1vw;">{{data.duration}}</span>
					</div>
					<div class="row" style='margin:0 3vw;width:90%;height:70px;position:absolute;bottom:5px;justify-content:flex-start;'>
						{{#each data.imageswall}}
						{{#if @last}}
						<div class="imageswall" style="position:relative;text-align:left;width:30%;height:100%;margin-right:2%;background:url({{image}}) no-repeat;background-size:cover;">
								<div style="position: absolute;top:0;width:100%;height:100%;background: #000;opacity:0.5;"></div>
								<div class="color-white size_12 yahei bold" style="position:absolute;top:20px;width:100%;line-height:15px;text-align:center;">{{../../data.imagenum}}</div>
								<div class="color-white size_12 yahei bold" style="position:absolute;top:35px;width:100%;line-height:15px;text-align:center;">张照片</div>
							</div>
						{{else}}
							<div class="imageswall" style="text-align:left;width:30%;height:100%;margin-right:2%;background:url({{image}}) no-repeat;background-size:cover;"></div>
						{{/if}}
						{{/each}}
					</div>
				</div>
			</div>
			<!--part2-->
			<div>
				<div class="blur" style="background:white ;background-size:100% 100%;width: 100vw;height: 120px;"></div>
				<div style="position: absolute;width: 100vw;text-align: center;height: 150px;top: 245px;">
					<img src="{{data.userIcon}}" class="roundimg_80" style="margin-top:10px;"/>
					<div class="color-black yahei size_15 bold" style="height:20px;line-height:20px;">
						{{data.realName}}
					</div>
					<div class="color-gray yahei size_12" style="height:40px;line-height:20px;">
						{{data.userAge}},&nbsp;{{data.userGender}},&nbsp;{{data.identityName}}<br>
						{{#if data.major}}{{data.major}}专业{{/if}},&nbsp;{{data.school}}
					</div>   
				</div>
			</div>
			<!--part3-->
			<div>
				<div class="card" style="margin:0px;">
					<div class="card-footer" style="justify-content:flex-start;">
						<img src="img/index/stick.png">
						<span class="size_15 yahei bold color-black">我的介绍</span>
					</div>
					<div class="item-text size_12 yahei color-black" style="padding:0px 30px 10px;">
						{{data.introduction}}
					</div>
					
					<div class="card-footer" style="justify-content:flex-start;">
						<img src="img/index/stick.png">
						<span class="size_15 yahei bold color-black">集合地点</span>
					</div>
					<div class="item-text size_12 yahei color-black playmenthodaddr" data-address="{{data.location}}" style="padding:0px 30px 10px;">
						{{data.location}}
					</div>
					{{#js_compare "this.data.type === 'ACTIVITY'"}}
					<div class="card-content playmethodaddrimg" data-lat="{{data.lat}}" data-lng="{{data.lng}}" style="width:100%;height:200px;margin:0 0 10px;">
                    </div>
                    {{/js_compare}}
					<div class="card-footer" style="justify-content:flex-start;">
						<img src="img/index/stick.png">
						<span class="size_15 yahei bold color-black">出行方式</span>
					</div>
					<div class="item-text size_12 yahei color-black" style="padding:0px 30px 10px;">
						{{data.chuxing}}
					</div>
					
				</div>		
			</div>
			<!--part4-->
			<div style="margin-top:20px;">
				<div style="height: 44px;width:100%;margin: 0 0 10px;">
				<div class="buttons-row bg-white" style="width:100%;height: 44px;border-bottom:1px solid #d3d3d3;z-index:10;">
				   <a href="#" class="button active" data-id="intro" style="height: 100%;line-height: 44px;border-left: none;border-right: none;border-top: none;">
					   路线简介
				   </a>
				   <a href="#" class="button" data-id="desc" style="height: 100%;line-height: 44px;border-left: none;border-right: none;border-top: none;">
					   行程描述
				   </a>
				   <a href="#" class="button" data-id="price" style="height: 100%;line-height: 44px;border-left: none;border-right: none;border-top: none;">
					   价格详情
				   </a>
				   <a href="#" class="button" data-id="remark" style="height: 100%;line-height: 44px;border-left: none;border-right: none;border-top: none;">
					   评价
				   </a>
			   </div>
		   </div>
      	
      			     				
      				<div class="card" style="margin:0 0 10px;" id="intro">
      				  <div class="card-footer" style="justify-content:flex-start;">
      				    <img src="img/index/stick.png">
      				    <span class="size_15 yahei bold color-black">路线简介</span>
      				  </div>
      				  <div class="item-text size_12 yahei color-black" style="padding:0px 30px 10px;">
      				     {{data.summary}}
      				  </div>
                    </div>
                    
                    <div class="card" style="margin:0 0 10px;padding-bottom:10px;" id="desc">
      				  <div class="card-footer" style="justify-content:flex-start;">
      				    <img src="img/index/stick.png">
      				    <span class="size_15 yahei bold color-black">行程介绍</span>
      				  </div>
      				  {{#js_compare "this.data.type=='TRACK'"}}
      				  <div class="card-content todolistaddrimg" data-id="{{data.id}}" style="width:100%;margin:0 0 10px">
      				    <img src="img/playdetail/playdetail-app-icon.png" style="width: 100%;">
      				    <div style="width: 100%;height: 100%;background-color: rgba(0,0,0,.5);position: absolute;top: 0;left: 0;">
      				      <img src="img/playdetail/playdetail-app-text.png" style="width: 100%;">
      				    </div>
                      </div>
      				  {{#each data.todolist}}
      				  <div class="bold size_15" style="text-align: center;color: #4cd964;heigth:20px;border-bottom: 1px solid #4cd964;margin: 10px 10px 30px;">
      				  <div style="position: relative;left: 40%;top: 9px;width: 20%;line-height: 20px;background: #fff;">第{{dayNo}}天</div>
      				  </div>
      				  {{#each dayContent}}
    	              <div class="card ks-card-header-pic scopeitem" data-address="{{address}} "data-id="{{scenicId}}">
                        <div style="background-image:url('{{thumb}}');background-size:cover;" valign="bottom" class="card-header color-white no-border yahei">
            	         {{timeStart}}至{{timeStop}}
                        </div>
                        <div class="card-content">
            	          <div class="card-content-inner">
            	          <p class="bold">{{name}}({{subTitle}})</p>
            		      <p class="color-gray size_12">{{desc}}</p>
              	          </div>
                        </div>
    	              </div>
    	              {{/each}}
                      {{/each}
					  {{else}}
					  <div class="item-text size_12 yahei color-black" style="padding:0px 30px 10px;">
			            <p>{{data.todolist}}</p>
		   	          </div>
					{{/js_compare}}
                    </div>
                    
                    <div class="card" style="margin:0 0 10px;padding: 0 0 10px;" id="price">
      				  <div class="card-footer" style="justify-content:flex-start;">
      				    <img src="img/index/stick.png">
      				    <span class="size_15 yahei bold color-black">价格详情</span>
      				  </div>
      				  {{#js_compare "this.data.type=='TRACK'"}}
				          	<div class="list-block media-list" style="margin:0px;">
						        <ul>
						        	<li>
						            	<div class="item-content">
						              		<div class="item-media" style="position: absolute;"><img src="{{data.foodIcon}}" width="40"></div>
						              		<div class="item-inner" style="margin-left:65px;">
						                		<div class="item-title-row">
						                  			<div class="item-title">餐饮 <span class="color-red">{{data.priceFood}}</span></div>
						                		</div>
						                		<div class="item-subtitle size_12" style="white-space: initial;">{{data.descFood}}</div>
						              		</div>
						            	</div>
						          	</li>
						          	<li>
						            	<div class="item-content">
						              		<div class="item-media" style="position: absolute;"><img src="{{data.trafficIcon}}" width="40"></div>
						              		<div class="item-inner" style="margin-left:65px;">
						                		<div class="item-title-row">
						                  			<div class="item-title">交通 <span class="color-red">{{data.priceTraffic}}</span></div>
						                		</div>
						                		<div class="item-subtitle size_12" style="white-space: initial;">{{data.descTraffic}}</div>
						              		</div>
						            	</div>
						          	</li>
						          	<li>
						            	<div class="item-content">
						              		<div class="item-media" style="position: absolute;"><img src="{{data.ticketIcon}}" width="40"></div>
						              		<div class="item-inner" style="margin-left:65px;">
						                		<div class="item-title-row">
						                  			<div class="item-title">票务 <span class="color-red">{{data.priceTicket}}</span></div>
						                		</div>
						                		<div class="item-subtitle size_12" style="white-space: initial;">{{data.descTicket}}</div>
						              		</div>
						            	</div>
						          	</li>
						          	<li>
						            	<div class="item-content">
						              		<div class="item-media" style="position: absolute;"><img src="{{data.otherIcon}}" width="40"></div>
						              		<div class="item-inner" style="margin-left:65px;">
						                		<div class="item-title-row">
						                  			<div class="item-title">其他 <span class="color-red">{{data.priceOther}}</span></div>
						                		</div>
						                		<div class="item-subtitle size_12" style="white-space: initial;">{{data.descOther}}</div>
						              		</div>
						            	</div>
						          	</li>
						          	<li>
						            	<div class="item-content">
						              		<div class="item-media" style="position: absolute;"><img src="{{data.serviceIcon}}" width="40"></div>
						              		<div class="item-inner" style="margin-left:65px;">
						                		<div class="item-title-row">
						                  			<div class="item-title">服务费 <span class="color-red">{{data.priceService}}</span></div>
						                		</div>
						                		<div class="item-subtitle size_12" style="white-space: initial;">{{data.descService}}</div>
						              		</div>
						            	</div>
						          	</li>
						         
						        </ul>
					      	</div>
					      	{{else}}
					      	<div class="list-block media-list" style="margin:0px;">
						        <ul>
						          	<li>
						            	<div class="item-content">
						              		<div class="item-media" style="position: absolute;"><img src="{{data.serviceIcon}}" width="40"></div>
						              		<div class="item-inner" style="margin-left:65px;">
						                		<div class="item-title-row">
						                  			<div class="item-title">服务费 <span class="color-red">{{data.priceService}}</span></div>
						                		</div>
						                		<div class="item-subtitle size_12" style="white-space: initial;">{{data.descService}}</div>
						              		</div>
						            	</div>
						          	</li>
						         
						        </ul>
					      	</div>
					{{/js_compare}}
                    </div>
		            
		            <div class="card" style="margin:0px;" id="remark">
      				  <div class="card-footer" style="justify-content:flex-start;">
      				    <img src="img/index/stick.png">
      				    <span class="size_15 yahei bold color-black">评价</span>
      				  </div>
      				  {{#each coms}}
				            <div class="card" style="box-shadow: none;margin: 10px 0;">
                              <div class="card-header pj-card-header" style="height: 40px;padding: 0 15px;">
                                <div class="left"><img src="{{userIcon}}" class="roundimg_40"/></div>
                                <div class="center bold yahei size_15">
                                  <div style="line-height: 20px;">{{userName}}</div>
                                  <div style="height: 20px;"><img src="{{track_score}}"></div>
                                </div>
						        <div class="right size_12">{{created}}</div>
                              </div>
                              <div class="card-content">
                                <div class="card-content-inner" style="padding: 5px 15px;">
                                  <div class="size_12" style="display: block;overflow: auto;height: auto;">{{comments}}</div>
                                </div>
                              </div>
                              <div class="card-footer pj-card-footer" style="border-bottom: 1px solid #d3d3d3;padding-bottom: 20px;">
                                 <div class="row" style="width:100%;">
						          	{{#each tourist_pic}}
						             <div class="col-33" style="background: url({{this}}) no-repeat;height: 90px;background-size: cover;"> </div>
						            {{/each}}
						         </div>
						      </div>
                            </div>
                        {{/each}}
                    </div>                    
			</div>
    	</div>
  	</div>
</div>
